如何把Html5 Report Viewer添加到Web项目

C1的Web API Report Services服务允许构建HTTP Services,包括Wijmo ReportViewer,可以通过各种客户端浏览,加载和缓存报表。这些都是基于Rest_-based API Services,将HTML5的ReportViewer控件的报表内容展示在网页。用Visual Studio模板,C1 Web API允许在Visual Studio创建报表服务。客户端应用程序给报表服务器应用程序发出请求,导入报表,导出报表并允许使用者在报表中使用参数。服务支持输出报表的格式有:PDF, Excel, HTML, RTF, OpenXML, 和图像。

发布于 2016/11/30 00:00

ComponentOne Enterprise

 

C1的Web API Report Services服务允许构建HTTP Services,包括Wijmo ReportViewer,可以通过各种客户端浏览,加载和缓存报表。这些都是基于Rest_-based API Services,将HTML5的ReportViewer控件的报表内容展示在网页。

用Visual Studio模板,C1 Web API允许在Visual Studio创建报表服务。客户端应用程序给报表服务器应用程序发出请求,导入报表,导出报表并允许使用者在报表中使用参数。服务支持输出报表的格式有:PDF, Excel, HTML, RTF, OpenXML, 和图像。

创建报表服务器

通过在VisualStudio里的C1 Web API工程模板创建报表服务器应用程序:

1.安装ASP.NET Web API版本:参考.

2.在Visual Studio新项目对话框,选择一个C1 Web API应用程序模板。

02_VisualStudioTemplate[1]

3.展示项目模板向导。请检查报表服务器并点击OK按钮。

03_ProjectSettings[1]

4.在web应用程序中添加报表。

  • FlexReport或C1Report:

a.复制报表目标文件到工程。请同时复制相关的数据库文件,如果必要的话,还要更新链接字符串。

04_ReportDefinition[1]

b.在Startup的Configure方法添加FlexReport磁盘存储,比如:

app.UseReportProviders().AddFlexReportDiskStorage("Root", System.IO.Path.Combine(System.Web.HttpRuntime.AppDomainAppPath, "ReportsRoot"));

 

  • 关于SSRS报表:在Startup的SSRS报表服务器注册。
app.UseReportProviders().AddSsrsReportHost("ssrs", "http://ssrshost/ReportServer", new System.Net.NetworkCredential("username", "password"));

 

5.在VS中运行应用程序,或是发布到IIS。

Wijmo的ReportViewer在Wijmo Enterprise中,作为控件启用。你可以在ReportViewer里浏览FlexReports,为了产生FlexReport-链接ReportViewer到FlexReport-你需要使用葡萄城Ultimate套包。套包包含开源的独立报表设计器,在Web API中的FlexReport设计器。

 

本文主要是2016V3的新特性中的内容,本文完。

 

更多资源:

Wijmo中文官网:/developer/wijmojs

Wijmo5在线示例:/developer/wijmojscore

Wijmo5产品文档:/developer/wijmojscore

如果依然有问题,可以到我们的官方产品论坛发帖咨询:http://gcdn.grapecity.com.cn/showforum-140.html

ComponentOne Enterprise | 下载试用

ComponentOne 是一套专注于企业 .NET开发、支持 .NET Core 平台,并完美集成于 Visual Studio 的第三方控件集,包含 300 多种 .NET开发控件,提供表格数据管理、数据可视化、报表和文档、日程安排、输入和编辑、导航和布局、系统提升工具等七大功能,被誉为“.NET开发的‘瑞士军刀’”。

ComponentOne 为您提供专业的产品咨询服务,并由技术支持工程师为您1对1解答。>> 发帖提问

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态